import { Login } from "../login/login";
// import type { Route } from "./+types/practice";

// export default function Home(
//   { loaderData,
//     actionData,
//     params,
//     matches,
//   }: Route.ComponentProps) {
//   return (
//     <>
//       <Login />
//       <p>Loader Data: {JSON.stringify(loaderData)}</p>
//       <p>Action Data: {JSON.stringify(actionData)}</p>
//       <p>Route Parameters: {JSON.stringify(params)}</p>
//       <p>Matched Routes: {JSON.stringify(matches)}</p>
//     </>
//   );
// }

// 配置页面link
// export function links() {
//   return [
//     {
//       rel: "icon",
//       href: "/favicon.png",
//       type: "image/png",
//     },
//     {
//       rel: "stylesheet",
//       href: "https://example.com/some/styles.css",
//     },
//     {
//       rel: "preload",
//       href: "/images/banner.jpg",
//       as: "image",
//     },
//   ];
// }
// Loader
export async function loader() {
  return { message: "Hello, world!" };
}

export default function MyRoute({ loaderData }: { loaderData: { message: string } }) {
  return <h1>{loaderData.message}</h1>;
}

